(function($){
	$.extend($.fn,{
		hdzoom:function(o){
			var o=o || {};
			var offsetX = o.offsetX || 100;
			var offsetY = o.offsetY || 100;
			$('.bigimg').css({
				left:350+offsetX+'px',
				top:offsetY
			})
			$('.smallimg').mouseover(function(){
				$(this).find('.slide').show();
				$('.bigimg').show();
			})
			$('.smallimg').mouseout(function(){
				$(this).find('.slide').hide();
				$('.bigimg').hide();
			})
				$('.smallimg li').eq(0).show().siblings().hide();
				$('.bigimg li').eq(0).show().siblings().hide();
			$('.thumb li').click(function(){
				var _index = $(this).index();
				$(this).addClass('activeThumb').siblings().removeClass('activeThumb');
				$('.smallimg li').eq(_index).show().siblings().hide();
				$('.bigimg li').eq(_index).show().siblings().hide();
			})
			$('.smallimg').mousemove(function(ev){
				//鼠标距离中图左侧的距离
				var m_l = ev.pageX - $(this).offset().left;
				//鼠标距离中图顶部的距离
				var m_t = ev.pageY - $(this).offset().top;
				//遮罩距离中图左侧的距离
				smallLeft = m_l-175/2;
				//遮罩距离中图顶部的距离
				smallTop = m_t-175/2;
				if(smallLeft<0){
					smallLeft=0;
				}
				if(smallTop<0){
					smallTop=0;
				}
				if(smallLeft>350-175){
					smallLeft=350-175;
				}
				if(smallTop>350-175){
					smallTop=350-175;
				}
				$('.smallimg .slide').css({
					left:smallLeft+'px',
					top:smallTop+'px'
				})
				bigLeft = (800-400)/(350-175)*smallLeft;
				bigTop = (800-400)/(350-175)*smallTop;
				$('.bigimg li').css({
					left:-bigLeft+'px',
					top:-bigTop+'px'
				})
			})
			var thumbLen = $('.thumb li').length;
			var oFlag = 0;
			//左侧隐藏区域图片的个数
			var aFlag =thumbLen-5;
			//隐藏区域可放图片的总个数
			if(aFlag>0){
				$('.next').addClass('nextActive');
			}
			$('.next').click(function(){
				if(oFlag>=aFlag){
					$('.next').removeClass('nextActive');
					return false;
				}
				oFlag++;
				thumbLeft = -63*oFlag;
				$('.thumb').animate({
					left:thumbLeft+'px'
				},function(){
					if(oFlag>=aFlag){
					$('.next').removeClass('nextActive');
					$('.prev').addClass('prevActive');
				}
				})
			})
			$('.thumb').css({
				width:63*thumbLen
			})
			$('.prev').click(function(){
				if(oFlag<=0){
					$('.prev').removeClass('prevActive');
					return false;
				}
				oFlag--;
				thumbLeft = -63*oFlag;
				$('.thumb').animate({
					left:thumbLeft+'px'
				},function(){
					if(oFlag<=0){
					$('.next').addClass('nextActive');
					$('.prev').removeClass('prevActive');
				}
				})
			})
		}
	})
})(jQuery)
